<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
    <head>
        <meta charset="UTF-8">
            <title>充值中心</title>
            <meta name="viewport" content="initial-scale=1.0, minimum-scale=0.1, maximum-scale=2.0, user-scalable=no">
                <style>
                    body,p,h1,h2,h3,ul,li {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                    }
                .wr {
                    font-family: "Microsoft YaHei","微软雅黑","MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
                }
                .color-g {
                    color: #555;
                }
                .auto-7 {
                    width: 86%;
                    margin: 0 auto;
                }
                #main {
                    width: 100%;
                    height: 100%;
                    background: rgba(0,0,0,0.7);
                  
                }
                .content {
                    margin: 0 auto;
                    background: #fafafa;
                    height: 100%;
                    -webkit-border-radius:0px 0px 20px 20px;
                    -moz-border-radius:0px 0px 20px 20px;
                    -ms-border-radius:0px 0px 20px 20px;
                    border-radius:0px 0px 20px 20px;
                    overflow: hidden;
                }
                .content h1 {
                    width: 100%;
                    height: 88px;
                    background: #74b24d;
                    color: #e4f9e4;
                    font-size: 40px;
                    font-weight: normal;
                    text-align: center;
                    line-height: 88px;
                    border-bottom: 2px solid #699e46;
                    position: relative;
                }
                .content h1 span.close {
                    font-size: 30px;
                    float: right;
                    position: absolute;
                    right: 5%;
                    cursor: pointer;
                }
                .bookinfo {
                    border-bottom: 2px solid #699e46;
                    padding: 35px 0;
                    background: #e4f9e4;
                    font-size: 28px;
                }
                .qrbtn {
                    margin-top: 30px;
                }
                .qrbtn a{
                    text-decoration: none;
                    color:#74B24D;
                    padding-bottom:0px;
                    border-bottom:1px solid #74B24D;
                }
                .subbtn {
                    width: 100%;
                    height: 80px;
                    display: block;
                    background: #74b24d;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    -ms-border-radius: 10px;
                    border-radius: 10px;
                    color: #e4f9e4;
                    font-size: 36px;
                    text-align: center;
                    line-height: 80px;
                    text-decoration: none;
                }
                .tishi {
                    margin-top: 20px;
                }
                .tishi p {
                    color: #74b24d;
                    font-size: 22px;
                    line-height: 30px;
                }
                .tishi ul.price li {
                    width: 33.333333%;
                    height: 130px;
                    float: left;
                    background: url(/web/data/api_data/images/client/icon-yh.png) no-repeat center top;
                    line-height: 120px;
                    margin-bottom: 44px;
                }
                .tishi ul.price li a,.gift {
                    color: #545454;
                    font-size: 30px;
                    text-decoration: none;
                    display: block;
                    width: 100%;
                    height: 65px;
                    text-align: center;
                }
                .tips{
                    font-size: 30px;
                }
                .tips a {
                    text-decoration: none;
                    border-bottom: 2px solid #74b24d;
                }
                .clearfix {
                    clear: both;
                    border-bottom: 1px solid #E9E9E9;
                    margin-bottom: 20px;
                }
                .fl {
                    float: left;
                }
                .marl {
                    margin-left: 50px; 
                }
                .gift {
                    font-size: 13px;
                    color: #56A430;
                }
                .zstext {
                    width: 100%;
                    display: inline-block;
                    font-size: 22px;
                }
                .No_n{
                    vertical-align: top;
                }
                /*当浏览器 最大宽度为 640px(宽度小于 640px)的时候 执行以下样式*/
                @media screen and (max-width:640px) {
                    .content {
                        width: 100%;
                        -webkit-border-radius: 0px 0px 10px 10px;
                        -moz-border-radius: 0px 0px 10px 10px;
                        -ms-border-radius: 0px 0px 10px 10px;
                        border-radius: 0px 0px 10px 10px;
                    }
                    .content h1 {
                        height: 44px;
                        font-size: 20px;
                        line-height: 44px;
                    }
                    .content h1 span.close {
                        font-size: 18px;
                    }
                    .bookinfo {
                        font-size: 14px;
                        padding: 17px 0;
                    }
                    .subbtn {
                        height: 40px; 
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        -ms-border-radius: 5px;
                        border-radius: 5px;
                        font-size: 18px;
                        line-height: 40px;
                    }
                    .tishi p { 
                        font-size: 14px;
                        line-height: 18px;
                    }
                    .qrbtn {
                        margin-top: 20px;
                        margin-left: 36px;
                    }
                    .tishi {
                        margin-top: 40px;
                    }
                    .money2 {
                        height:50px;clear: both;
                    }
                    .tishi ul.price li {
                        width: 33.333333%;
                        height: 65px;
                        line-height: 65px;
                        background-size: 65px 65px;
                    }
                    .tishi ul.price li a {
                        font-size: 16px;
                        height: 65px;
                    }
                    .tips{
                        font-size: 16px; 
                        line-height: 20px;
                    }	
                    .marl {
                        margin-left: 30px;
                    }
                    .exclamation_mark {
                        width: 22px;
                    }
                    .gift {
                        margin-left: 0px;
                    }
                    .tishi ul.price li a,.gift {
                        text-align: center;
                    }
                    .zstext {
                        font-size: 14px;
                    }
                }
                /*当浏览器 最大宽度为 340px(宽度小于 340px)的时候 执行以下样式*/
                @media screen and (max-width:340px) {
                    .qrbtn{margin-left: 36px;}
                    .tishi p { 
                        font-size: 12px;
                        line-height: 16px;
                    }
                    .tips{
                        font-size: 14px; 
                        line-height: 20px;
                    }
                }
                </style>
                </head>
    <body style="zoom:1;">
        <div id="main">
            <div class="content wr">
                <div class="auto-7 tishi money">
                    <ul class="price">
                        <li onclick="window.open('iOS://ReadPackage1:450');">
                            <span class="gift">
                                <a href="javascript:;">6元</a>
                            </span>
                        </li>
                        <li onclick="window.open('iOS://ReadPackage2:2500');">
                            <span class="gift">
                                <a href="javascript:;">30元</a>
                            </span>
                        </li>
                        <li onclick="window.open('iOS://ReadPackage3:4300');">
                            <span class="gift">
                                <a href="javascript:;">50元</a>
                            </span>
                        </li>
                        <li onclick="window.open('iOS://ReadPackage4:8860');">
                            <span class="gift">
                                <a href="javascript:;">98元</a>
                            </span>
                        </li>
                        <li onclick="window.open('iOS://ReadPackage5:18360');">
                            <span class="gift">
                                <a href="javascript:;">198元</a>
                            </span>
                        </li>
                        <li onclick="window.open('iOS://ReadPackage6:55160');">
                            <span class="gift">
                                <a href="javascript:;">588元</a>
                            </span>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                    <span style="font-size:12px;color:#A0A0A0;">
                        <table>
                            <tr style="height: 20px;margin: 20px 0px;">
                                <td colspan="2">温馨提示</td>
                            </tr>
                            <tr style="height:20px;"> </tr>
                            <tr style="margin-top:40px;">
                                <td class="No_n">1.</td>
                                <td>阅币兑换规则 : 1元=70阅币</td>
                            </tr>
                            <tr>
                                <td class="No_n">2.</td>
                                <td>苹果的政策规定 : iOS端充值的阅币不能在其他终端使用</td>
                            </tr>
                            <tr>
                                <td class="No_n">3.</td>
                                <td>购买后，账户余额若长时间无变化，请记录好您的用户名后致电书城客服 533-133-433</td>
                            </tr>
                        </table>
                    </span>
                </div>
            </div>
        </div>
    </body>
</html>